<template>
  <div id="#app">
    <el-container>
      <el-aside width="200px">
        <MenuAside/>
      </el-aside>
      <el-container>
        <el-header>
          <HeaderCom/>
        </el-header>
        <el-main>
          <!-- 路由视图占位 -->
          <!-- 显示的每一个页面 -->
          <RouterView/>
        </el-main>
      </el-container>
    </el-container>

  </div>
</template>

<script setup lang="ts">
// 引入侧边菜单
import MenuAside from './components/MenuAside.vue'
// 引入头部组件
import HeaderCom from './components/HeaderCom.vue'

</script>

<style scoped lang="less">
#app{
  .el-container{
    
    .el-aside{
      width:auto;
      min-height:100vh;
      background-color: gray;
    }
    .el-container{
      .el-header{
        background-color: pink;
      }
    }
  }
}
</style>